<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <!-- Twitter meta-->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:site" content="@pratikborsadiya">
    <meta property="twitter:creator" content="@pratikborsadiya">
    <!-- Open Graph Meta-->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Vali Admin">
    <meta property="og:title" content="Vali - Free Bootstrap 4 admin theme">
    <meta property="og:url" content="http://pratikborsadiya.in/blog/vali-admin">
    <meta property="og:image" content="http://pratikborsadiya.in/blog/vali-admin/hero-social.png">
    <meta property="og:description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <title>约健 - 超级管理员</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/docs/css/main.css">
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body class="app sidebar-mini rtl">
    <!-- Navbar-->
    {include file="commom/top"}
    <!-- Sidebar menu-->
    <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
    {include file="commom/left"}
    <main class="app-content">
      <div class="app-title">
        <div>
          <h1><i class="fa fa-dashboard"></i> 欢迎超级系统管理员</h1>
          <p>Welcome Super System Administrator</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
          <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
        </ul>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="tile">
            <div class="tile-body">
              <table class="table table-hover table-bordered" id="sampleTable">
                <thead>
                  <tr>
                    <th>编号</th>
                    <th>用户名</th>
                    <th>头像</th>
                    <th>性别</th>
                    <th>邮箱</th>
                    <th>电话</th>
                    <th>注册时间</th>
                    <th>所属俱乐部</th>
                    <th>状态</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  {volist name="info" id="vo"}
                  <tr>
                    <td>{$i}</td>
                    <td>{$vo.user_name}</td>
                    <td><img src="__PUBLIC__/images/{$vo.user_pic}" style="width:50px;height:40px"></td>
                    {if $vo.ugender==0}
                    <td>男</td>{else/}
                    <td>女</td>
                    {/if}
                    <td>{$vo.user_email}</td>
                    <td>{$vo.user_tel}</td>
                    <td>{$vo.user_time}</td>
                    <td>{$vo.club_name}</td>
                    {if $vo.user_status==0}
                    <td style="text-align: center"><button class="btn btn-outline-success" type="button">有效</button></td>
                    <td><a href="{:url('modify',['user_id'=>$vo.user_id])}"><button class="btn btn-outline-warning">禁用</button></a></td>
                    {else/}
                    <td style="text-align: center"><button  class="btn btn-outline-danger" type="button">无效</button></td>
                    <td><a href="{:url('modify',['user_id'=>$vo.user_id])}"><button class="btn btn-outline-warning">解除禁用</button></a></td>
                    {/if}
                  </tr>
                  {/volist}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </main>
         <!-- 删除模态框（Modal） -->
         <div class="modal fade" id="myModal" data-backdrop="static" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
         <div class="model-backdrop fade in"></div>
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                     <h4 class="modal-title" id="myModalLabel"></h4>
                 </div>
                 <h2 class="modal-body" style="margin-left: 100px">确认要修改状态吗？</h2>
    
                 <div class="modal-footer">
                     <form class="form-horizontal" method="POST"
                         action="{:url('user/modify',['user_id'=>$vo.user_id])}" enctype="multipart/form-data">
                         <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                         <input type="submit"  class="btn btn-warning btn-ok" value="确认修改">
                     </form>
                 </div>
             </div>
         </div>
     </div>
       <!-- Essential javascripts for application to work-->
       <script src="__PUBLIC__/docs/js/jquery-3.2.1.min.js"></script>
       <script src="__PUBLIC__/docs/js/popper.min.js"></script>
       <script src="__PUBLIC__/docs/js/bootstrap.min.js"></script>
       <script src="__PUBLIC__/docs/js/main.js"></script>
       <!-- The javascript plugin to display page loading on top-->
       <script src="__PUBLIC__/docs/js/plugins/pace.min.js"></script>
       <!-- Page specific javascripts-->
       <!-- Data table plugin-->
       <script type="text/javascript" src="__PUBLIC__/docs/js/plugins/jquery.dataTables.min.js"></script>
       <script type="text/javascript" src="__PUBLIC__/docs/js/plugins/dataTables.bootstrap.min.js"></script>
       <script type="text/javascript">$('#sampleTable').DataTable();</script>
       <!-- Google analytics script-->
       <script type="text/javascript">
         if(document.location.hostname == 'pratikborsadiya.in') {
           (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
           (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
           m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
           })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
           ga('create', 'UA-72504830-1', 'auto');
           ga('send', 'pageview');
         }
       </script>
  </body>
</html>